<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>JSF 2.0 Hello World</title>
</h:head>
<h:body>

	<h:form>
		<h:panelGrid id="panelBuscar" columns="3" cellpadding="10"
			cellspacing="1">
			<f:facet name="header">
				<h:outputText value="Modificar Usuario" />
			</f:facet>

			<h:outputLabel value="Username" />
			<h:inputText id="usernameBuscar"
				value="#{usuarioBean.usuario.username}"></h:inputText>
			<h:commandButton id="botonBuscar" value="Buscar"
				actionListener="#{usuarioBean.buscarUsuario()}">
				<f:ajax execute="@form" render="mostrar" />
			</h:commandButton>
		</h:panelGrid>

		<h:panelGroup id="mostrar">
			<h:panelGrid id="panelMostrar" columns="2" cellpadding="10"
				cellspacing="1">

				<f:facet name="header">
					<h:outputText value="Usuario" />
				</f:facet>

				<h:outputLabel value="Username" />
				<h:inputText id="username" value="#{usuarioBean.usuario.username}"
					required="true"></h:inputText>


				<h:outputLabel value="nombre" />
				<h:inputText id="nombre" value="#{usuarioBean.usuario.nombres}"
					required="true"></h:inputText>

				<h:outputLabel value="Apellido Paterno" />
				<h:inputText id="apellidoPaterno"
					value="#{usuarioBean.usuario.apellidoPaterno}" required="true"></h:inputText>

				<h:outputLabel value="Apellido Materno" />
				<h:inputText id="apellidoMaterno"
					value="#{usuarioBean.usuario.apellidoMaterno}" required="true"></h:inputText>

				<h:outputLabel value="Password" />
				<h:inputSecret id="password" value="#{usuarioBean.usuario.password}"
					required="true"></h:inputSecret>

				<f:facet name="footer">
					<h:commandButton id="modificar" value="Modificar"
						action="#{usuarioBean.crearUsuario()}"  />
				</f:facet>

			</h:panelGrid>
		</h:panelGroup>

	</h:form>
</h:body>
</html>